<template>
    <div class="swiper">
        <mt-swipe :auto="4000" :show-indicators="false">
            <mt-swipe-item v-for="item in swiperList" :key="item.id">
                <img :class="{'full':isFull}" :src='item.img' alt="">
            </mt-swipe-item>

        </mt-swipe>
    </div>
</template>

<script>

    export default {
        name: "swiper",
        props:['swiperList','isFull'],

    }
</script>

<style scoped>
.swiper{
    height: 160px;
}
.mint-swipe{
    text-align: center;
}
img{
    /*width: 100%;*/
    height: 100%;
}
    .full{
        width: 100%;
    }
</style>
